* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}
.navlinks a{
  text-decoration: none;
  display: inline-block;
  margin-top: 20px;
}
nav {
  background-color: black;
  padding-left: 0px;
  padding-right: 0px;
  height:100px;
}
.main-nav {
  justify-content: space-between;
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  height: 60px;
  padding-top: 20px;
}
.flex {
  display: flex;
  align-items: center;
}

.company-logo {
  width: 100px;
  height:90px;
}

.navlinks {
  z-index: 4;
}
.navlinks ul {
  justify-content: end;
  gap: 70px;
  margin-right: 40px;
  list-style: none;
  position: relative;
}
#hu
{
  background-color: white;
  width:1200px;
  margin-left: 150px;
  border-radius: 10px;
}
.navlink-options ul {
  list-style: none;
}
.hover-links {
  color: white;
}
.nav-toggle {
  display: none;
}

#font
{
font-family:Rubik;
align-items: flex-start;
}
#font1
{
border: 1px solid rgb(21, 3, 3);
background-color:black;
color: white;
width:100%;
margin-top:103px;
position:absolute;
left:0px;
right:0px;
scroll-behavior: auto;
height:920px;
}
#pages a:hover
{
color:red;
}
form
{
  margin-top: 30px;
}
input
{
border-radius:45px;
cursor:pointer;
letter-spacing: 0.01cm;
height:38px;
width: 500px;
color:rgb(251, 248, 248);
font-size: 17px;
border: 2px solid black;
background-color: #000000;
}
select
{
  cursor:pointer;
  letter-spacing: 0.01cm;
  width: 500px;
  height: 38px;
  border-radius:45px;
  color:rgb(251, 249, 249);
  padding: 5px;
  font-size: 17px;
  border: 2px solid black;
  background-color: #000000;
}
#hover
{
box-shadow:0px 3px 5px rgba(248, 242, 242, 1.0);
}
#Address
{
letter-spacing: 0.01cm;
width:500px;
height:48px;
border-radius:45px;
padding:5px;
font-size: 17px;
border: 2px solid rgb(11, 1, 1);
margin-bottom: 0px;
background-color: #000000;
}
::placeholder
{
  color:#f8f3f3;
  padding: 5px;
}

h1
{
   text-align: center;
    color:white;
    margin-top: 50px;
}
.image {
  position: absolute;
  width:1538px;
  height: 200px; 
  background-image: url("/refund.jpg");
  background-size: cover;
  background-position: center;
  overflow: hidden; 
  margin-left:-20px;
  top: 100px;
}
 h2{
  font-size: 50px;
  text-align: center;
  color: white;
  font-family:Rubik;
  margin-top: 70px;
}

#ser
{ 
  width:7%;
  height:5%;
  margin-top: 30px;
  margin-bottom: 20px;
  margin: left 10px;
  background-color:#161414;
 border-radius: 10px;
color:white;
}
button
{
  margin-left: 10px;
  font-size: larger;
 
}

  #pages
{   
    width: 1200px;
    margin-left: 150px;
    margin-bottom: 40px;
    background-color: white;
    display:flex;
    gap:50px;
    height:70px;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
#pages a 
{
    text-decoration:none;
    color:black;
    opacity:0.6;
    padding-left: 10px;
} 
 #pages img 
{
    width:30px;
    height:30px;
    vertical-align:middle;
  margin-left: 10px;
} 
#pages 
{
     border:1px solid rgba(198, 196, 196, 0.777); 
    border-radius: 5px;
}
#r,#s,#t,#q a
{
    font-weight:700;
}
#q,#r,#s,#t
{
    margin-top: 20px;
    margin-bottom: 20px;
   
}  
#q
{
  margin-left: 20px;
}

#ser a
{
  text-decoration: none;
  color: #ffffff;
}
.footer-left
{
  margin-top: 15px;

  width:700px;
}
footer {
background-color: #050505fb;
padding-block: 60px;
top:1500px;
height:500px;
left:0px;
right:0px;
bottom:0px;
position: absolute;
font-family: Rubik;

}
.ving
{
  width:300px;

}

.footer-container a{
text-decoration: none;
display: inline-block;
}
.container {
position: absolute;
width: 1285px;
margin-inline: auto;
padding: 20px;
overflow: hidden;
margin-left: 120px;

}

.footer-container {
display: flex;
align-items: center;
}
.footer-container {
align-items: flex-start;
gap: 130px;
}

.company-logo img {
width: 120px;
height:110px;
margin-bottom:20px;
}

.footer-companylog img{
margin-left: -15px;
}
.footer-para {
color: rgb(252, 247, 247);
margin-top: 30px;
margin-left: 0px;
}
.socialicons {
margin-top: 40px;
display: flex;
gap: 10px;
}

.link-column {
flex-direction: column;
align-items: flex-start;
margin-top: 40px;
}

.link-column2 {
width: 500px;
} 
.footer-heading {
color: white;
}

.foot-links {
margin-left: 20px;
margin-top: 0px;
}
.link {
color: white;
margin-top: 20px;


}

.contact-1 a 
{
  margin-left: 0px;
}
.fas {
margin-top: 20px;
}

.location{
margin-top: -10px;
padding-right: 15px;
}
 
/* .hr-footer{
margin-top: 50px;
margin-bottom: -50px;
} */

.sub-footer-collective {
display: flex;
background-color: #000000;
width: 1520px;
margin-top: 445px;
margin-left: 0px;
}
.sub-footer-collective p
{
margin-top:3px;
}
.sub-footer {
color: white;
margin-top: 0px;
}
.sub-footer1
{
  margin-left: 120px;
}
.sub-footer2
{
  margin-left: 600px;
}
.footer-det
{
  width:800px;
  
}
.copyright {
font-size: medium;
}
.contact
{
margin-top: 20px;
}
#contact-img{
width: 40px;
height: 40px;
position: fixed;
top:660px;
margin-left: 1400px;
scroll-behavior: auto;
border-radius: 5px;
}

.Services {
  margin-left: 0px;
    margin-top: 1080px;
  
    color:#000000;
  }
  
   .scroll
  {
    margin-left: 35px;
    font-size: 30px;
    padding: 20px;
    margin-right: 40px;
  } 
  .scroll1
  {
    font-size: 30px;
    padding: 20px;
    margin-right: 10px; 
    margin-left: 5px;
  }
  .flex {
    display: flex;
    align-items: center;
  }
  .logo{
    height: 100px;
    margin-right: 30px;
    margin-top: 50px;
  }
  .logos {
    flex-wrap: wrap;
  }



/***********************************************************************************************************************************/
@media screen and (min-width:769px) and (max-width:1026px)
{
  

#font1
  {
    position:absolute;
    height:1900px;
    width:2000px;
    margin-top: 100px;
   border: 1px solid rgb(13, 12, 12);
   left: 0px;
   right: 0px;
   background-color: #0b0a0a;
  }
  .image
  {
    width:2020px;
    margin-top: 47px;
 
  }
  h1{
    margin-left: 270px;
    width:850px;
    margin-bottom:30px;
    margin-top: 40px;
    font-size: 44px;
  }
  input[type=text],select,input[type=email]
  {
    margin-bottom: 40px;
   width: 1300px;
   height: 100px;
   letter-spacing: 0.08cm;
   font-size:40px;
  }
  .hr-footer
  {
    color: #ffffff;

  }
  #Address
  {
    width: 1300px;
    height: 100px;
    font-size:40px;
  }
  #pages
  {
    width: 1498px;
    margin-left: 250px;
    height:100px;
    font-size: xx-large;
    margin-bottom: 80px;
    border: 2px solid white;
    margin-top: 30px;
  }
  #pages img
  {
    width: 50px;
    height:50px;
  }
  
h2
{
  width:1200px;
  margin-left:450px;
  margin-top: 50px;
  font-size:80px;
  letter-spacing: 0.04cm;
}
#hu
{
  width:1498px;
  margin-left: 250px;
  border-radius:6px;
}
#ser
{
  margin-left: 0px;
  margin-top: 80px;
  margin-bottom: 50px;
  height: 80px;
  width:180px;
  font-size:40px;
}
#ser img
{
  width: 35px;
  height: 40px;
  vertical-align:bottom;
}
form
{
  margin-left: 10px;
  margin-top: 50px;
}
nav
{
  width: 2000px;
  height: 150px;
}
.main-nav img
{
  width: 280px;
  height:250px;
  margin-top: 80px;
}
.sub-footer-collective 
  {
   margin-top: 4158px;
   background-color: #000000;
   width: 2000px;
   margin-left: 0px;
   height:180px;
 }
 .sub-footer-collective p 
 {
  font-size:28px;
  margin-top: 50px;
  
  margin-bottom: 10px;
 }

 .sub-footer1
 {
   margin-top: 0px;
   margin-left:30px ;
 } 
 .sub-footer2
 {
  margin-left: 700px;
 }
 .socialicons
 {
   margin-top: 20px;
   margin-left: 30px;
   margin-bottom: 60px;
 }
 
footer
{
  width:0px;
height:0px;
}
.footer-container
{
  margin-top:3350px;
  background-color: #090909;
  font-size: 25px;
  width: 2000px;
  margin-left:0px;
 height:800px;
 flex-direction: row;
}

/* .footer-container ul 
{
  margin-left: 30px;
} */
.logo {
  height: 300px;
  width:400px;
}

.scroll,.scroll1 {
  font-size: 0px;
  padding: 0px;
  color: #ffffff;
}

.logos {
  flex-wrap: wrap;
margin-left: 90px;
margin-top: 0px;
padding-top: 0px;
}

.brands
{
 
  width:730px;
  margin-top: 2300px;
  margin-left: 725px;

}
.Services {
  text-align: center;
  margin-top: 0px;
font-size: 78px;
margin-left: 0px;
width:600px;
margin-bottom: 0px;
}
h4
{
  margin-bottom: 20px;
}
.location
{
  margin-top: -0px;
  margin-bottom: 40px;
  margin-left: 3px;
}

.footer-left
{
  width:650px;
}
.footer-left img
{
  width:280px;
  height:310px;
  margin-left: 15px;
  margin-top: 60px;
}
#contact-img
{
  margin-top: 40px;
  width:250px;
  height:250px;
  margin-left: 1750px;
}
.footer-para
{
  margin-top:250px;
  height: 250px;
  width:550px;
  margin-left: 30px;
  font-size: larger;
  
  margin-right: 100px;
}
.link-column
{
  
  margin-left: 10px;
  font-size: larger;

  margin-top: 140px;
}
.link-column2
{
  height: 570px;
  width:400px;
  margin-left: 50px;
  font-size: larger;

}
.footer-det
{
  height: 570px;
  width:600px;
  margin-left: 0px;
  font-size: larger;
  
}
.footer-det a
{
  margin-left: 15px;
}
.link-column li
{
  padding-bottom: 10px;
  padding-top: 10px;
}

.navlinks
{
  margin-top: 50px;
  font-size: x-large;
}
.contact-1
{
  font-size:28px;
 
}


}
/********************************************************************************************************************************/



@media (min-width:120px) and (max-width:990px) {
.header-companylog{
  width: 100px;
}
}


@media screen and (max-width: 426px) {
  .nav-toggle{
      display: inline-block;
      margin-right: 20px;
      width:100px;
      height: 60px;
      margin-top: 140px;
  }
.fa-solid
{
  font-size: x-large;
}

   .navlinks{
      position: absolute;
      background-color: rgb(0, 0, 0);
      left: -110%;
      top: 100%;
      width: 100%;
      padding-block: 20px;
      transition: 0.4s ease-in-out;
      margin-top: 140px;
  }
  

  .navlinks.active{
      left: 0;
     
  }

  .navlinks ul {
      flex-direction: column;
     font-size: 30px;
  }

  
} 


/********************************************************************************************************************************/


@media screen and (min-width:500px) and (max-width:769px)
{
  #font1
  {
    position:absolute;
    height:1900px;
    width:2000px;
    margin-top: 100px;
   border: 1px solid rgb(13, 12, 12);
   left: 0px;
   right: 0px;
   background-color: #0b0a0a;
  }
  .image
  {
    width:2020px;
    margin-top: 47px;
   
  }
 
  h1{
    margin-left: 270px;
    width:850px;
    margin-bottom:30px;
    margin-top: 40px;
    font-size: 44px;
  }
  input[type=text],select,input[type=email]
  {
    margin-bottom: 40px;
   width: 1300px;
   height: 100px;
   letter-spacing: 0.08cm;
   font-size:40px;
  }
  .hr-footer
  {
    color: #ffffff;

  }
  #Address
  {
    width: 1300px;
    height: 100px;
    font-size:40px;
  }
  #pages
  {
    width: 1498px;
    margin-left: 250px;
    height:100px;
    font-size: xx-large;
    margin-bottom: 80px;
    border: 2px solid white;
    margin-top: 30px;
  }
  #pages img
  {
    width: 50px;
    height:50px;
  }
  
h2
{
  width:1200px;
  margin-left:450px;
  margin-top: 50px;
  font-size:80px;
  letter-spacing: 0.04cm;
}
#hu
{
  width:1498px;
  margin-left: 250px;
  border-radius:6px;
}
#ser
{
  margin-left: 0px;
  margin-top: 80px;
  margin-bottom: 50px;
  height: 80px;
  width:180px;
  font-size:40px;
}
#ser img
{
  width: 35px;
  height: 40px;
  vertical-align:bottom;
}
form
{
  margin-left: 10px;
  margin-top: 50px;
}
nav
{
  width: 2000px;
  height: 150px;
}
.main-nav img
{
  width: 280px;
  height:250px;
  margin-top: 80px;
}
.sub-footer-collective 
  {
   margin-top: 4158px;
   background-color: #000000;
   width: 2000px;
   margin-left: 0px;
   height:180px;
 }
 .sub-footer-collective p 
 {
  font-size:28px;
  margin-top: 50px;
  
  margin-bottom: 10px;
 }

 .sub-footer1
 {
   margin-top: 0px;
   margin-left:30px ;
 } 
 .sub-footer2
 {
  margin-left: 700px;
 }
 .socialicons
 {
   margin-top: 20px;
   margin-left: 30px;
   margin-bottom: 60px;
 }
 
footer
{
  width:0px;
height:0px;
}
.footer-container
{
  margin-top:3350px;
  background-color: #090909;
  font-size: 25px;
  width: 2000px;
  margin-left:0px;
 height:800px;
 flex-direction: row;
}


.logo {
  height: 300px;
  width:400px;
}

.scroll,.scroll1 {
  font-size: 0px;
  padding: 0px;
  color: #ffffff;
}

.logos {
  flex-wrap: wrap;
margin-left: 90px;
margin-top: 0px;
padding-top: 0px;
}

.brands
{
 
  width:730px;
  margin-top: 2300px;
  margin-left: 725px;

}
.Services {
  text-align: center;
  margin-top: 0px;
font-size: 78px;
margin-left: 0px;
width:600px;
margin-bottom: 0px;
}
h4
{
  margin-bottom: 20px;
}
.location
{
  margin-top: 70px;
  margin-bottom: 0px;
  margin-left: 3px;
}

.footer-left
{
  width:650px;
}
.footer-left img
{
  width:280px;
  height:310px;
  margin-left: 15px;
  margin-top: 60px;
}
#contact-img
{
  margin-top: 400px;
  width:250px;
  height:250px;
  margin-left: 1750px;
}
.footer-para
{
  margin-top:250px;
  height: 250px;
  width:550px;
  margin-left: 30px;
  font-size: larger;
  
  margin-right: 100px;
}
.link-column
{
  
  margin-left: 10px;
  font-size: larger;

  margin-top: 140px;
}
.link-column2
{
  height: 570px;
  width:400px;
  margin-left: 50px;
  font-size: larger;

}
.footer-det
{
  height: 570px;
  width:600px;
  margin-left: 0px;
  font-size: larger;
  
}
.footer-det a
{
  margin-left: 15px;
}
.link-column li
{
  padding-bottom: 10px;
  padding-top: 10px;
}

.navlinks
{
  margin-top: 0px;
  font-size: x-large;
}
.contact-1
{
  font-size:28px;
 
}

}

/********************************************************************************************************************************/


@media screen and (min-width:426px) and (max-width:500px)
{
  .location
  {
    margin-top: -110px;
  }

  .fas
  {
    margin-right: 20px;
  }
  #font1
  {
    position:absolute;
    
    width:1500px;
    margin-top: 530px;
   border: 1px solid rgb(13, 12, 12);
   left: 0px;
   right: 0px;
   background-color: #0b0808;
  height: 1870px;
  }
  .image
  {
    width:1520px;
    margin-top: 113px;
    height: 600px;
    
  }
  h1{
    margin-left: 270px;
    width:850px;
    margin-bottom:30px;
    margin-top: 40px;
    font-size: 44px;
  }
  input[type=text],select,input[type=email]
  {
    margin-bottom: 40px;
   width: 1300px;
   height: 100px;
   letter-spacing: 0.08cm;
   font-size:50px;
  }
  .hr-footer
  {
    color: #ffffff;

  }
  #Address
  {
    width: 1300px;
    height: 100px;
    font-size:50px;
  }
  #pages
  {
    width: 1300px;
    margin-left: 105px;
    height:100px;
    font-size: xx-large;
    margin-bottom: 80px;
    border: 2px solid white;
    flex-direction: row;
    margin-top: 20px;
   
  }
  #pages img
  {
    width: 40px;
    height:40px;
  }
 
h2
{
  width:360px;
  margin-left:570px;
  margin-top: 150px;
  font-size:70px;
  letter-spacing: 0.04cm;
}
#hu
{
  width:1498px;
  margin-left: 0px;
  border-radius: unset;
}
#ser
{
  margin-left: 0px;
  margin-top: 70px;
  margin-bottom: 40px;
  height: 80px;
  width:180px;
  font-size:50px;
}
form
{
  margin-left: 10px;
  margin-top: 80px;
}
.sub-footer-collective {
  display: flex;
  flex-direction:column;
  margin-top: 7720px;
  background-color: #000000;
  width: 1500px;
  margin-left: 0px;
  height: 500px;
}
.sub-footer-collective p 
{
 font-size:50px;
 margin-top: 60px;

}

.sub-footer1
{
  margin-top: 50px;
 margin-left: 20px;
  width:1440px;

}
.sub-footer2
{
margin-left: 500px;
width:700px;
margin-top: 50px;
 margin-left: 400px;
}
.socialicons
{
  margin-top: 0px;
  margin-left: 60px;
  margin-bottom: 60px;
}
.hr-footer{
  margin-top: 1050px;
  border:2px solid black;
  color:#fdfcfc;
}
nav
{
  width: 1500px;
  height: 200px;
}
.main-nav img
{
  width: 250px;
  height:300px;
  margin-top: 20px;
  margin-left: 60px;
  margin-bottom: 0px;
}
.hover-links
{
  margin-top: 80px;
 
  font-size: xx-large;
}
.main-nav
{
  
  height:170px;
}
footer
{
  width:0px;
height:0px;
}
.footer-container
{
  margin-top:3700px;
  background-color: #000000;
  font-size: 50px;
  width: 1500px;
  margin-left:0px;
 height:4000px;
 display: flex;
 flex-direction: column;
}
.contact-1
{
  font-size: 56px;
}
.footer-container ul 
{
  margin-left: 30px;
}
.logo {
  height: 300px;
  width:400px;
}

.scroll,.scroll1 {
  font-size: 10px;
  padding: 10px;
  color: #ffffff;
}

.logos {
  flex-wrap: wrap;
margin-left: 90px;
margin-top: 0px;
padding-top: 0px;
}
.container1 {
  max-width: 1490px;
  margin-inline: auto;
  padding: 20px;
  overflow: hidden;
}
.brands
{
  
  width:690px;
  margin-top: 1000px;
  margin-left: 450px;
}
.Services {
  text-align: center;
  margin-top: 1620px;
font-size: 85px;
margin-left: 0px;
width:fit-content;
margin-bottom: 0px;
}
h4
{
  margin-bottom: 20px;
}

.footer-left img
{
  width:380px;
  height:410px;
  margin-left: 5px;
}
#contact-img
{
  margin-top: 250px;
  width:250px;
  height:250px;
  margin-left: 1230px;
}

.footer-para
{
  margin-top:350px;
  height: 500px;
  width:1350px;
  margin-left: 50px;
  font-size: larger;
 
}
.footer-left
{
  margin-left: 10px;
}
.link-column
{
  height:900px;
  width:350px;
  margin-left: 60px;
  font-size: larger;
  
}
.link-column2
{
  height: 800px;
  width:680px;
  margin-left: 60px;
  font-size: larger;

}
.footer-det
{
  height: 670px;
  width:1200px;
  margin-left: 60px;
  font-size: larger;
}
.link-column li
{
  padding-bottom: 10px;
  padding-top: 10px;
}
form option 
{
  font-size: medium;
}
}


/********************************************************************************************************************************/


@media (min-width:376px) and (max-width:426px)
{
  
  .location
  {
    margin-top: -110px;
  }

  .fas
  {
    margin-right: 20px;
  }
  #font1
  {
    position:absolute;
    
    width:1500px;
    margin-top: 530px;
   border: 1px solid rgb(13, 12, 12);
   left: 0px;
   right: 0px;
   background-color: #0b0808;
  height: 1870px;
  }
  .image
  {
    width:1520px;
    margin-top: 113px;
    height: 600px;
    
  }
  h1{
    margin-left: 270px;
    width:850px;
    margin-bottom:30px;
    margin-top: 40px;
    font-size: 44px;
  }
  input[type=text],select,input[type=email]
  {
    margin-bottom: 40px;
   width: 1300px;
   height: 100px;
   letter-spacing: 0.08cm;
   font-size:50px;
  }
  .hr-footer
  {
    color: #ffffff;

  }
  #Address
  {
    width: 1300px;
    height: 100px;
    font-size:50px;
  }
  #pages
  {
    width: 1300px;
    margin-left: 105px;
    height:100px;
    font-size: xx-large;
    margin-bottom: 80px;
    border: 2px solid white;
    flex-direction: row;
    margin-top: 20px;
   
  }
  #pages img
  {
    width: 40px;
    height:40px;
  }
 
h2
{
  width:360px;
  margin-left:570px;
  margin-top: 150px;
  font-size:70px;
  letter-spacing: 0.04cm;
}
#hu
{
  width:1498px;
  margin-left: 0px;
  border-radius: unset;
}
#ser
{
  margin-left: 0px;
  margin-top: 70px;
  margin-bottom: 40px;
  height: 80px;
  width:180px;
  font-size:50px;
}
form
{
  margin-left: 10px;
  margin-top: 80px;
}
.sub-footer-collective {
  display: flex;
  flex-direction:column;
  margin-top: 7720px;
  background-color: #000000;
  width: 1500px;
  margin-left: 0px;
  height: 500px;
}
.sub-footer-collective p 
{
 font-size:50px;
 margin-top: 60px;

}

.sub-footer1
{
  margin-top: 50px;
 margin-left: 20px;
  width:1440px;

}
.sub-footer2
{
margin-left: 500px;
width:700px;
margin-top: 50px;
 margin-left: 400px;
}
.socialicons
{
  margin-top: 0px;
  margin-left: 60px;
  margin-bottom: 60px;
}
.hr-footer{
  margin-top: 1050px;
  border:2px solid black;
  color:#fdfcfc;
}
nav
{
  width: 1500px;
  height: 200px;
}
.main-nav img
{
  width: 250px;
  height:300px;
  margin-top: 130px;
  margin-left: 60px;
  margin-bottom: 0px;
}

footer
{
  width:0px;
height:0px;
}
.footer-container
{
  margin-top:3700px;
  background-color: #000000;
  font-size: 50px;
  width: 1500px;
  margin-left:0px;
 height:4000px;
 display: flex;
 flex-direction: column;
}
.contact-1
{
  font-size: 56px;
}
.footer-container ul 
{
  margin-left: 30px;
}
.logo {
  height: 300px;
  width:400px;
}

.scroll,.scroll1 {
  font-size: 10px;
  padding: 10px;
  color: #ffffff;
}

.logos {
  flex-wrap: wrap;
margin-left: 90px;
margin-top: 0px;
padding-top: 0px;
}
.container1 {
  max-width: 1490px;
  margin-inline: auto;
  padding: 20px;
  overflow: hidden;
}
.brands
{
  
  width:690px;
  margin-top: 1000px;
  margin-left: 450px;
}
.Services {
  text-align: center;
  margin-top: 1620px;
font-size: 85px;
margin-left: 0px;
width:fit-content;
margin-bottom: 0px;
}
h4
{
  margin-bottom: 20px;
}

.footer-left img
{
  width:380px;
  height:410px;
  margin-left: 5px;
}
#contact-img
{
  margin-top: 600px;
  width:250px;
  height:250px;
  margin-left: 1230px;
}

.footer-para
{
  margin-top:350px;
  height: 500px;
  width:1350px;
  margin-left: 50px;
  font-size: larger;
 
}
.footer-left
{
  margin-left: 10px;
}
.link-column
{
  height:900px;
  width:350px;
  margin-left: 60px;
  font-size: larger;
  
}
.link-column2
{
  height: 800px;
  width:680px;
  margin-left: 60px;
  font-size: larger;

}
.footer-det
{
  height: 670px;
  width:1200px;
  margin-left: 60px;
  font-size: larger;
}
.link-column li
{
  padding-bottom: 10px;
  padding-top: 10px;
}
form option 
{
  font-size: medium;
}
}


/********************************************************************************************************************************/


@media (min-width:321px) and (max-width:376px)
{
  
  .location
  {
    margin-top: -110px;
  }

  .fas
  {
    margin-right: 20px;
  }
  #font1
  {
    position:absolute;
    
    width:1285px;
    margin-top: 530px;
   border: 1px solid rgb(13, 12, 12);
   left: 0px;
   right: 0px;
   background-color: #0b0808;
  height: 1870px;
  }
  .image
  {
    width:1305px;
    margin-top: 113px;
    height: 600px;
    
  }
  h1{
    margin-left: 270px;
    width:850px;
    margin-bottom:30px;
    margin-top: 40px;
    font-size: 44px;
  }
  input[type=text],select,input[type=email]
  {
    margin-bottom: 40px;
   width: 900px;
   height: 100px;
   letter-spacing: 0.08cm;
   font-size:50px;
   margin-left: 10px;
  }
  .hr-footer
  {
    color: #ffffff;

  }
  #Address
  {
    width: 900px;
    height: 100px;
    font-size:50px;
   
  }
  #pages
  {
    width: 1200px;
    margin-left: 43px;
    height:100px;
    font-size: xx-large;
    margin-bottom: 80px;
    border: 2px solid white;
    flex-direction: row;
    margin-top: 20px;
   
  }
  #pages img
  {
    width: 40px;
    height:40px;
  }
 
h2
{
  width:360px;
  margin-left:470px;
  margin-top: 170px;
  font-size:70px;
  letter-spacing: 0.04cm;
}
#hu
{
  width:1283px;
  margin-left: 0px;
  border-radius: unset;
  
}
#ser
{
  margin-left: 0px;
  margin-top: 70px;
  margin-bottom: 40px;
  height: 80px;
  width:180px;
  font-size:50px;
}
form
{
  margin-left: 0px;
  margin-top: 80px;
  width:1285px;
}
.sub-footer-collective {
  display: flex;
  flex-direction:column;
  margin-top: 7720px;
  background-color: #000000;
  width: 1285px;
  margin-left: 0px;
  height: 500px;
 
}
.sub-footer-collective p 
{
 font-size:40px;
 margin-top: 60px;

}

.sub-footer1
{
  margin-top: 50px;
 margin-left: 50px;
  width:1160px;
 
}
.sub-footer2
{
margin-left: 500px;
width:700px;
margin-top: 50px;
 margin-left: 350px;

}
.socialicons
{
  margin-top: 0px;
  margin-left: 60px;
  margin-bottom: 60px;
}

nav
{
  width: 1285px;
  height: 200px;
}
.main-nav img
{
  width: 250px;
  height:300px;
  margin-top: 130px;
  margin-left: 60px;
  margin-bottom: 0px;
}

footer
{
  width:0px;
height:0px;
}
.footer-container
{
  margin-top:3700px;
  background-color: #000000;
  font-size: 50px;
  width: 1285px;
  margin-left:0px;
 height:4000px;
 display: flex;
 flex-direction: column;
}
.contact-1
{
  font-size: 56px;
}
.footer-container ul 
{
  margin-left: 30px;
}
.logo {
  height: 300px;
  width:400px;
}

.scroll,.scroll1 {
  font-size: 10px;
  padding: 10px;
  color: #ffffff;
}

.logos {
  flex-wrap: wrap;
margin-left: 90px;
margin-top: 0px;
padding-top: 0px;
}

.brands
{

  width:690px;
  margin-top: 2600px;
  margin-left: 330px;
}
.Services {
  text-align: center;
  margin-top: 0px;
font-size: 85px;
margin-left: 0px;
width:fit-content;
margin-bottom: 0px;
}
h4
{
  margin-bottom: 20px;
}

.footer-left img
{
  width:380px;
  height:410px;
  margin-left: 5px;
}
#contact-img
{
  margin-top: 570px;
  width:250px;
  height:250px;
  margin-left: 1000px;
}
.footer-para
{
  margin-top:350px;
  height: 600px;
  width:1250px;
  margin-left: 50px;
  font-size: larger;
 
}
.footer-left
{
  margin-left: 10px;
 
}
.link-column
{
  height:900px;
  width:350px;
  margin-left: 60px;
  font-size: larger;
 
  
}
.link-column2
{
  height: 800px;
  width:680px;
  margin-left: 60px;
  font-size: larger;

}
.footer-det
{
  height: 670px;
  width:1200px;
  margin-left: 60px;
  font-size: larger;

}
.link-column li
{
  padding-bottom: 10px;
  padding-top: 10px;
}
form option 
{
  font-size: medium;
}
}


  /********************************************************************************************************************************/


@media (max-width:320px)
{
  
  
  .location
  {
    margin-top: -110px;
  }

  .fas
  {
    margin-right: 20px;
  }
  #font1
  {
    position:absolute;
    
    width:1283px;
    margin-top: 530px;
   border: 1px solid rgb(13, 12, 12);
   left: 0px;
   right: 0px;
   background-color: #0b0808;
  height: 1870px;
  }
  .image
  {
    width:1303px;
    margin-top: 113px;
    height: 600px;
    
  }
  h1{
    margin-left: 270px;
    width:850px;
    margin-bottom:30px;
    margin-top: 40px;
    font-size: 44px;
  }
  input[type=text],select,input[type=email]
  {
    margin-bottom: 40px;
   width: 900px;
   height: 100px;
   letter-spacing: 0.08cm;
   font-size:50px;
   margin-left: 10px;
  }
  .hr-footer
  {
    color: #ffffff;

  }
  #Address
  {
    width: 900px;
    height: 100px;
    font-size:50px;
   
  }
  #pages
  {
    width: 1200px;
    margin-left: 43px;
    height:100px;
    font-size: xx-large;
    margin-bottom: 80px;
    border: 2px solid white;
    flex-direction: row;
    margin-top: 20px;
   
  }
  #pages img
  {
    width: 40px;
    height:40px;
  }
 
h2
{
  width:360px;
  margin-left:470px;
  margin-top: 170px;
  font-size:70px;
  letter-spacing: 0.04cm;
}
#hu
{
  width:1280px;
  margin-left: 0px;
  border-radius: unset;
  
}
#ser
{
  margin-left: 0px;
  margin-top: 70px;
  margin-bottom: 40px;
  height: 80px;
  width:180px;
  font-size:50px;
}
form
{
  margin-left: 0px;
  margin-top: 80px;
  width:1283px;
}
.sub-footer-collective {
  display: flex;
  flex-direction:column;
  margin-top: 7720px;
  background-color: #000000;
  width: 1283px;
  margin-left: 0px;
  height: 500px;
 
}
.sub-footer-collective p 
{
 font-size:40px;
 margin-top: 60px;

}

.sub-footer1
{
  margin-top: 50px;
 margin-left: 50px;
  width:1160px;
 
}
.sub-footer2
{
margin-left: 500px;
width:700px;
margin-top: 50px;
 margin-left: 350px;

}
.socialicons
{
  margin-top: 0px;
  margin-left: 60px;
  margin-bottom: 60px;
}

nav
{
  width: 1283px;
  height: 200px;
}
.main-nav img
{
  width: 250px;
  height:300px;
  margin-top: 130px;
  margin-left: 60px;
  margin-bottom: 0px;
}

footer
{
  width:0px;
height:0px;
}
.footer-container
{
  margin-top:3700px;
  background-color: #000000;
  font-size: 50px;
  width: 1283px;
  margin-left:0px;
 height:4000px;
 display: flex;
 flex-direction: column;
}
.contact-1
{
  font-size: 56px;
}
.footer-container ul 
{
  margin-left: 30px;
}
.logo {
  height: 300px;
  width:400px;
}

.scroll,.scroll1 {
  font-size: 10px;
  padding: 10px;
  color: #ffffff;
}

.logos {
  flex-wrap: wrap;
margin-left: 90px;
margin-top: 0px;
padding-top: 0px;
}

.brands
{

  width:690px;
  margin-top: 2600px;
  margin-left: 330px;

}
.Services {
  text-align: center;
  margin-top: 0px;
font-size: 85px;
margin-left: 20px;
width:fit-content;
margin-bottom: 0px;
}
h4
{
  margin-bottom: 20px;
}

.footer-left img
{
  width:380px;
  height:410px;
  margin-left: 5px;
}
#contact-img
{
  margin-top: 870px;
  width:250px;
  height:250px;
  margin-left: 1000px;
}
.footer-para
{
  margin-top:350px;
  height: 600px;
  width:1250px;
  margin-left: 50px;
  font-size: larger;
 
}
.footer-left
{
  margin-left: 10px;
 
}
.link-column
{
  height:900px;
  width:350px;
  margin-left: 60px;
  font-size: larger;
 
  
}
.link-column2
{
  height: 800px;
  width:680px;
  margin-left: 60px;
  font-size: larger;

}
.footer-det
{
  height: 670px;
  width:1200px;
  margin-left: 60px;
  font-size: larger;

}
.link-column li
{
  padding-bottom: 10px;
  padding-top: 10px;
}
form option 
{
  font-size: medium;
}
}

 /********************************************************************************************************************************/


@media (min-width:120px) and (max-width:990px) {
  .header-companylog{
      width: 100px;
  }
}


 /********************************************************************************************************************************/

 
@media screen and (max-width: 841px) {
  .footer-container {
      gap: 30px
  }
}


/********************************************************************************************************************************/


@media screen and (max-width: 1051px) {
  .footer-container {
      gap: 60px
  }
}